<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>

<%@ include file="jspf/head.jspf" %>

<script type="text/javascript" src="js/sp/index.js"></script>

</head>
<body>

<%@ include file="jspf/header.jspf" %>

<br/>

<!-- Formulario de login -->
<% if(!Sesiones.isLogueado(session)) { %>
<form name="login" id="form_login" method="post" action="" accept-charset="utf-8">

	<input type="hidden" name="action" value="login"/>

	<center><table class="formulario" id="table_login">
		<tr><td colspan="2">
			<div class="intro">Por favor, ingrese su nombre de usuario y contraseña.</div>
		</td></tr>

		<tr>
			<td class="label">Nombre de usuario:</td>
			<td class="input"><input name="usuario" type="text" size="24"></td>
		</tr>

		<tr>
			<td class="label">Contraseña:</td>
			<td class="input"><input name="clave" type="password" size="24"></td>
		</tr>

		<tr><td colspan="2" valign="bottom" align="center">
			<div style="line-height:30px">
				<a id="btn_actualizar" href="">Actualizar contraseña</a>
			</div>
		</td></tr>

		<tr><td colspan="2" valign="bottom" align="center">
			<button name="ingresar"><img src="icon/accept.png" alt="" title="Ingresar"/> <span>Ingresar</span></button>
		</td></tr>
	</table></center>
</form>
<%}%>
<!-- Formulario para actualizar la password -->

<form name="actualizar" id="form_actualizar" method="post" action="" accept-charset="utf-8">
	<input type="hidden" name="action" value="actualizar"/>

	<center><table width="420" class="formulario" id="table_actualizar">
		<tr><td colspan="2">
			<div class="intro">Por favor, ingrese su nombre de usuario, su contraseña actual y su contraseña nueva.</div>
		</td></tr>
		<tr>
			<td class="label"><b>Usuario:</b></td>
			<td class="input"><input name="usuario" type="text" size="20"></td>
		</tr>
		<tr>
			<td class="label"><b>Contraseña actual:</b></td>
			<td class="input"><input name="clave" type="password" size="20"></td>
		</tr>
		<tr>
			<td class="label"><b>Nueva contraseña:</b></td>
			<td class="input"><input name="clave-nueva" type="password" id="actualizar-clave-nueva" size="20"></td>
		</tr>
		<tr>
			<td class="label"><b>Confirme la nueva contraseña:</b></td>
			<td class="input"><input name="clave-nueva-bis" type="password" id="actualizar-clave-nueva-bis" size="20"></td>
		</tr>
		<tr><td colspan="2">&nbsp;</td></tr>
		<tr>
			<td align="center"><button name="cancelar"><img src="icon/stop.png" alt="" title="Cancelar"/> <span>Cancelar</span></button></td>
			<td align="center"><button name="aceptar" class="submit"><img src="icon/accept.png" alt="" title="Aceptar"/> <span>Aceptar</span></button></td>
		</tr>
	</table></center>
</form>

<%@ include file="jspf/footer.jspf" %>

</body>
</html>
